Title

Restructure folder organization for improved architecture of frontend

Resolved #103

Type of Change

• New feature
• Bug fix
• UI/UX improvement

Checklist

• My code adheres to the coding and style guidelines of the project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.

Description and Impact

I reorganized the project's folder structure to follow a standardized architecture, improving code organization and making it easier for the team to maintain and collaborate on the codebase.

Additional Information

Modified Folder Structure
src/
├── assets/
│ ├── b1.jpg
│ ├── download.jpeg
│ ├── logo.png
│ └── logo.svg
├── components/
│ ├── 2DTree.tsx
│ ├── Family.tsx
│ ├── Navbar.tsx
│ ├── Profile.tsx
│ └── Team.tsx
├── context/
│ └── DataContext.tsx
├── hooks/
│ ├── useData.ts
│ └── useSearch.ts
├── pages/
│ ├── Home.tsx
│ ├── 3DTree.tsx
│ └── Search.tsx
├── types/
│ └── index.ts
├── utils/
│ └── helpers.ts
├── App.tsx
└── index.tsx